<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>我的大麦-订单管理</title>
    <link rel="shortcut icon" href="../../static/damai/image/label.ico" th:href="@{/damai/image/label.ico}" type="image/x-icon">
    <link rel="stylesheet" href="../../static/damai/css/order1.css" th:href="@{/damai/css/order1.css}">
    <link rel="stylesheet" href="../../static/damai/css/order2.css" th:href="@{/damai/css/order2.css}">

</head>
<body>
<!--顶部栏start-->
<div class="dm-header-wrap">
    <div class="dm-header-box">
        <a href="../../templates/index.html" th:href="@{/}">
            <img class="i-logo" src="../../static/damai/image/user/info/TB1D1QUxjDpK1RjSZFrXXa78VXa-230-104.png"
                 th:src="@{/damai/image/user/info/TB1D1QUxjDpK1RjSZFrXXa78VXa-230-104.png}" alt="大麦"></a>
        <!--<div class="location-header">-->
        <!--<img class="i-icon-location" src="//img.alicdn.com/tfs/TB1XHDuxNGYBuNjy0FnXXX5lpXa-28-32.png" alt="定位">-->
        <!--<span class="city-location">全国</span>-->
        <!--<img class="i-arrow-location" src="https://img.alicdn.com/tfs/TB1vnUBxStYBeNjSspaXXaOOFXa-20-12.png"-->
        <!--alt="箭头">-->
        <!--<div class="city-header-wrap">-->
        <!--<div class="city-header" data-spm="city">-->
        <!--<div class="now-city">-->
        <!--<span class="title-city">当前城市:</span>-->
        <!--<span class="name-city select-city">全国</span>-->
        <!--</div>-->
        <!--<div class="hot-city">-->
        <!--<span class="title-city">热门城市:</span>-->
        <!--<div class="list-other"></div>-->
        <!--</div>-->
        <!--<div class="other-city">-->
        <!--<span class="title-city">其他城市:</span>-->
        <!--<div class="list-other"></div>-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->
        <div class="recommend-header">
            <a href="../../templates/index.html" th:href="@{/}" class="type-recommend">首页</a>
            <a href="../../templates/search.html" th:href="@{/search/}" class="type-recommend">分类</a>
        </div>
        <div class="right-header">
            <div class="box-header user-header">
                <a href="javascript:void(0)" class="J_userinfo_img">
                    <img class="i-box-header i-user"
                        src="../../static/damai/image/user/info/118152760.png"
                    th:src="@{/damai/image/user/info/118152760.png}">
                </a>
                <a th:if="${session.user ne null}" href="../../templates/user/order.html" th:href="@{/order/orderList}" class="J_userinfo_name">
                    <div class="span-box-header name-user show" th:text="${session.user.nickName}">星语o</div>
                </a>
                <div class="login-user">
                    <span class="span-box-header span-user">登录</span>
                </div>
                <div class="list-wrap">
                    <div class="list-login">
                        <a href="../../templates/user/order.html" th:href="@{/order/orderList}" class="li-login">订单管理</a>
                        <a href="javascript:void(0)" th:href="@{/user/logout}" class="li-login out-login show">退出登录</a>
                    </div>
                </div>
            </div>
            <div class="box-header download-header">
                <img class="i-box-header i-download"
                     src="../../static/damai/image/user/info/TB1A9eIGKuSBuNjy1XcXXcYjFXa-54-54.png"
                     th:src="@{/damai/image/user/info/TB1A9eIGKuSBuNjy1XcXXcYjFXa-54-54.png}"
                     alt="下载">
                <span class="span-box-header">下载</span>
                <div class="ewm-download">
                    <img class="i-ewm" src="../../static/damai/image/user/info/TB1r0uFxHSYBuNjSspiXXXNzpXa-280-280.png">
                </div>
            </div>
            <div class="box-header">
                <a href="javascript:void(0)">
                    <img class="i-box-header"
                         src="../../static/damai/image/user/info/TB13UKCGQyWBuNjy0FpXXassXXa-54-54.png"
                         th:src="@{/damai/image/user/info/TB13UKCGQyWBuNjy0FpXXassXXa-54-54.png}"
                         alt="英文站">
                    <span class="span-box-header">English</span>
                </a>
            </div>
        </div>
        <div class="search-header">
            <img class="i-search" src="../../static/damai/image/user/info/TB1qv3jxGmWBuNjy1XaXXXCbXXa-34-36.png"
                 th:src="@{/damai/image/user/info/TB1qv3jxGmWBuNjy1XaXXXCbXXa-34-36.png}"
                 alt="搜索">
            <input class="input-search" placeholder="搜索明星、演出、体育赛事">
            <div class="btn-search">搜索</div>
            <div class="list-search-wrap">
                <div class="list-search">
                </div>
            </div>
        </div>
    </div>
</div>
<!--顶部栏end-->

<!--主体内容start-->
<div class="w1200">
    <div class="dm_coupon_menus">
        <div class="coupon_title">我的大麦</div>
        <div class="coupon_menu">

            <h2 class="coupon_menu_title">用户中心</h2>
            <ul class="coupon_menu_item">
                <li><a href="../../templates/user/order.html" th:href="@{/order/orderList}">订单管理</a></li>
                <!--<li><a href="../../templates/user/coupon.html">我的优惠劵</a></li>-->
            </ul>
            <!--<h2 class="coupon_menu_title">账户中心</h2>-->
            <!--<ul class="coupon_menu_item">-->
                <!--<li><a href="../../templates/user/address.html">收货地址</a></li>-->
                <!--<li><a href="../../templates/user/accountSet.html">账号设置</a></li>-->
                <!--<li><a href="../../templates/user/info.html">个人信息</a></li>-->
                <!--<li><a href="../../templates/user/buyTicket.html">常用购票人管理</a></li>-->
            <!--</ul>-->
        </div>
    </div>

    <div class="dm_coupon_right">
        <div class="navigation"><a href="javascript:void(0);">我的大麦</a><span>&gt;</span><span class="cur">订单管理</span>
        </div>
        <hr>
        <div id="container">
            <div class="order-list">
                <div class="order-list-wrapper" style="display: block;">
                    <div class="next-row order-list-header">
                        <div class="next-col project-name" style="width: 390px;">项目名称</div>
                        <div class="next-col ticket-number" style="width: 144px;">票品张数</div>
                        <div class="next-col order-amount" style="width: 130px;">订单金额</div>
                        <div class="next-col transaction-status" style="width: 130px;">交易状态</div>
                        <div class="next-col transaction-operation" style="width: 210px;">交易操作</div>
                    </div>
                    <div class="next-loading order-list-container">
                        <div class="next-loading-component">
                            <div class="next-col order-list-item" th:each="obj:${orderDTOS}">
                                <div class="next-row order-list-item-header" th:text="'订单号：'+${obj.orderNo}"></div>
                                <div class="next-row order-list-item-bottom">
                                    <div class="next-col project-name" style="width: 390px;">
                                        <div class="next-row project-name-wrapper">
                                            <div class="next-col next-col-4 project-name-img">
                                                <img src="../../static/damai/image/user/order/170193_n_171_214.jpg"
                                                     th:if="${obj.image.imgUrl ne null}"
                                                    th:src="@{${obj.image.imgUrl}}">
                                            </div>
                                            <div class="next-col project-name-content">
                                                <div class="next-row project-name" th:text="${obj.item.itemName}"></div>
                                                <div class="next-row project-name-perform">
                                                    <span th:text="'演出场次：'+${#dates.format(obj.scheduler.startTime,'yyyy-MM-dd HH:mm')}"></span></div>
                                                <div class="next-row project-name-venue" th:text="'演出场馆：'+${obj.cinema.address}"></div>
                                                <div class="next-row pick-type-icon undefined"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="next-col ticket-number" style="width: 144px;">
                                        <div class="next-row ticket-number-wrapper" th:text="${obj.totalCount}"></div>
                                    </div>
                                    <div class="next-col order-amount" style="width: 130px;">
                                        <div class="next-col order-amount-wrapper">
                                            <div class="next-row order-amount-content" th:text="'￥'+${obj.totalAmount}"></div>
                                            <!--<div class="next-row transportation-costs">(含运费￥0.00)</div>-->
                                        </div>
                                    </div>
                                    <div class="next-col transaction-status" style="width: 130px;">
                                        <div class="next-col transaction-status-wrapper">
                                            <div class="next-row transaction-status-content"
                                                 th:text="${obj.orderType eq 0 }? '未支付' : (${obj.orderType eq 1}? '支付取消/超时' : (${obj.orderType eq 2}? '已支付'))"></div>
                                            <div class="next-row" data-spm="list">
                                                <a data-spm="ddetail_0" href="orderDetail.html"
                                                th:href="@{/order/orderDetail(orderNo=${obj.orderNo})}">订单详情</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="next-col transaction-operation" style="width: 210px;">
                                        <div class="next-col transaction-operation-wrapper">
                                            <div class="text-wrapper">
                                                <div class="next-row pick-seat-info">
                                                    <div th:if="${obj.orderType eq 0}">
                                                        <a href="javascript:void(0)" style="display: block"
                                                            th:href="@{/order/payContinue(orderNo=${obj.orderNo})}">继续支付</a>
                                                        <br>
                                                        <a href="javascript:void(0)" style="display: block"
                                                           th:href="@{/order/payCancel(orderNo=${obj.orderNo})}">取消支付</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="next-pagination next-pagination-normal next-pagination-medium medium hide order-list-pagination">
                        <div class="next-pagination-pages">
                            <button disabled="" type="button"
                                    class="next-btn next-btn-normal next-btn-medium next-pagination-item prev"><i
                                    class="next-icon next-icon-arrow-left next-icon-medium next-icon-first"></i>上一页
                            </button>
                            <div class="next-pagination-list">
                                <button type="button"
                                        class="next-btn next-btn-normal next-btn-medium next-pagination-item current">1
                                </button>
                            </div>
                            <button disabled="" type="button"
                                    class="next-btn next-btn-normal next-btn-medium next-pagination-item next">下一页<i
                                    class="next-icon next-icon-arrow-right next-icon-medium next-icon-last"></i>
                            </button>
                        </div>
                    </div>
                </div>
                <div class="next-row order-errors" style="display: none;">
                    <div class="next-col error-image"><img
                            src="https://img.alicdn.com/tfs/TB11puPCgmTBuNjy1XbXXaMrVXa-238-168.png"></div>
                    <div class="next-col error-text">
                        <div class="next-row error-msg"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
<!--主体内容end-->

<!--底部内容start-->
<div class="dm-footer">
    <div class="w1200">
        <ul class="footer__links">

            <li class="footer__links__list"><a href="javascript:void(0)" target="_blank" data-spm="flink0">帮助中心</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a href="javascript:void(0)"
                                               target="_blank" data-spm="flink1">公司介绍</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a href="javascript:void(0)"
                                               target="_blank" data-spm="flink2">品牌识别</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a href="javascript:void(0)"
                                               target="_blank" data-spm="flink3">公司大事记</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a href="javascript:void(0)"
                                               target="_blank" data-spm="flink4">协议及隐私权政策</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a
                    href="javascript:void(0)"
                    target="_blank" data-spm="flink5">廉正举报</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a href="javascript:void(0)"
                                               target="_blank" data-spm="flink6">联系合作</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a
                    href="javascript:void(0)"
                    target="_blank" data-spm="flink7">招聘信息</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a
                    href="javascript:void(0)"
                    target="_blank" data-spm="flink8">防骗秘籍</a></li>


        </ul>
        <div class="footer__ft">
            <div class="footer__ft_fl">
                <a href="javascript:void(0)" target="_blank" class="footer__ft__logo">
                    <img src="../../static/damai/image/login/TB1NTQWxlLoK1RjSZFuXXXn0XXa-167-60.png"
                         th:src="@{/damai/image/login/TB1NTQWxlLoK1RjSZFuXXXn0XXa-167-60.png}" alt="">
                </a>
                <div class="footer__ft__code__box">
                    <img class="footer__ft__code"
                         src="../../static/damai/image/login/TB1r0uFxHSYBuNjSspiXXXNzpXa-280-280.png"
                         th:src="@{/damai/image/login/TB1r0uFxHSYBuNjSspiXXXNzpXa-280-280.png}" alt="">
                    <span>APP下载</span>
                </div>
            </div>
            <div class="footer__ft_fr">
                <div class="footer__fr__contact">

                    <a style="margin-left:0;" href="javascript:void(0)"
                       class="footer__fr__contact__btn alime">在线客服</a>
                </div>
                <ul class="footer__ft__words">
                    <li class="footer__ft__certificate"><a
                            href="javascript:void(0)" target="_blank">京ICP证031057号</a>
                    </li>
                    <li class="footer__ft__grep">|</li>
                    <li class="footer__ft__certificate"><a href="javascript:void(0)" target="_blank">京ICP备11043884号</a>
                    </li>
                    <li class="footer__ft__grep">|</li>
                    <li class="footer__ft__certificate"><a
                            href="javascript:void(0)"
                            target="_blank">京公网安备11010102000430号</a>
                    </li>
                    <li class="footer__ft__grep">|</li>
                    <li class="footer__ft__certificate"><a
                            href="javascript:void(0)" target="_blank">广播电视节目制作经营许可证
                        (京)字第02253号</a></li>
                </ul>
                <ul class="footer__ft__words">
                    <li class="footer__ft__certificate"><a
                            href="javascript:void(0)" target="_blank">网络文化经营许可证
                        京网文[2016]3438-413号</a></li>
                    <li class="footer__ft__grep">|</li>
                    <li class="footer__ft__certificate"><a
                            href="javascript:void(0)" target="_blank">营业性演出许可证
                        京市演587号</a></li>
                </ul>
                <ul class="footer__ft__words">
                    <li class="footer__ft__certificate">北京红马传媒文化发展有限公司 版权所有</li>
                    <li class="footer__ft__certificate"><a
                            href="javascript:void(0)">大麦网</a></li>
                    <li>Copyright 2003-2018 All Rights Reserved</li>
                </ul>
                <div class="footer__ft__img">
                    <span id="siteseal">
                    <script async="" type="text/javascript">
                            function verifySeal() {
                                var bgHeight = "null";
                                var bgWidth = "593";
                                var url = "https:\/\/seal.godaddy.com\/verifySeal?sealID=LU6rXPgk5BZ67ZEYpYS2JcN3AyCJOs6aD3HBo4dwA3iGeqp6csKFmqgB0zLL";
                                window.open(url, 'SealVerfication', 'menubar=no,toolbar=no,personalbar=no,location=yes,status=no,resizable=yes,fullscreen=no,scrollbars=no,width=' + bgWidth + ',height=' + bgHeight);
                            }
                    </script>
                    <img style="cursor:pointer;cursor:hand" class="footer__ft__img1"
                         src="../../static/damai/image/user/info/TB1gw_ZxNWYBuNjy1zkXXXGGpXa-131-32.gif"
                         th:src="@{/damai/image/user/info/TB1gw_ZxNWYBuNjy1zkXXXGGpXa-131-32.gif}"
                         onclick="verifySeal();"
                         alt="SSL site seal - click to verify" >
                    </span>
                    <a rel="nofollow" title="电子营业执照" target="_blank"
                       href="javascript:void(0)">
                        <img class="footer__ft__img2" alt=""
                             src="../../static/damai/image/user/info/TB1ZO80pyOYBuNjSsD4XXbSkFXa-141-41.png"
                            th:src="@{/damai/image/user/info/TB1ZO80pyOYBuNjSsD4XXbSkFXa-141-41.png}">
                    </a>

                    <a rel="nofollow" target="_blank" href="https://www.pcisecuritystandards.org/">
                        <img src="../../static/damai/image/user/info/TB1Y580pyOYBuNjSsD4XXbSkFXa-83-50.png"
                             th:src="@{/damai/image/user/info/TB1Y580pyOYBuNjSsD4XXbSkFXa-83-50.png}"
                             class="footer__ft__img3">
                    </a>
                    <a rel="nofollow" target="_blank"
                       href="javascript:void(0)">
                        <img src="../../static/damai/image/user/info/TB1pM_ZxNWYBuNjy1zkXXXGGpXa-114-40.png"
                             th:src="@{/damai/image/user/info/TB1pM_ZxNWYBuNjy1zkXXXGGpXa-114-40.png}"
                             class="footer__ft__img4w">
                    </a>
                    <a target="_blank" href="javascript:void(0)"
                       id="___szfw_logo___">
                        <img class="footer__ft__img4"
                             src="../../static/damai/image/user/info/TB1C4nNxTlYBeNjSszcXXbwhFXa-114-42.png"
                            th:src="@{/damai/image/user/info/TB1C4nNxTlYBeNjSszcXXbwhFXa-114-42.png}">
                    </a>
                    <script type="text/javascript">(function () {
                        document.getElementById('___szfw_logo___').oncontextmenu = function () {
                            return false;
                        }
                    })();</script>
                </div>
            </div>
        </div>
    </div>
</div>
<!--底部内容end-->
<script src="../../static/js/jquery-3.3.1.min.js" th:src="@{/js/jquery-3.3.1.min.js}"></script>
<script>
    $(function () {
        //    登录栏下拉框start=======================
        $('.right-header .user-header').mouseover(function () {
            $(this).addClass('on');
        });
        $('.right-header .user-header').mouseout(function () {
            $(this).removeClass('on');
        });
        //    登录栏下拉框end=======================

        //搜索
        $('.btn-search').click(function () {
            var searchName = $('input[class=input-search]').val();
            window.location = '/search/content?searchName='+searchName;
        });
    })

</script>
</body>
</html>